﻿*{margin:0;padding:0;border:0;}
body {background-color: #fff; overflow-x:hidden;color: #333;font-size: 12px; font-family: "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";}
a { color: #333;text-decoration: none;-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;-moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;}
a:hover {color: #029bde;/*text-decoration: underline;*/}
input,select,img{vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}

.l{ float:left;}
.r{float:right;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}

.header-v1{ width:100%; position:fixed; height:99px; padding-top:3px;z-index:1000; background: #fff ;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.header-v1 .top-main{ width:100%; margin:0 auto;}
.header-v1 .top-main .logo1{ float:left; height:100%; margin-left:2%;}
.header-v1 .top-main .logo1 img{ height:70px;padding-top: 10px;}
.header-v1 .top-main .top-main-content{ float:right;}

.nav{ list-style:none; padding:0;  }
.nav .m{ float:left; border-top:0; border-bottom:0; width:120px; position:relative;}
.nav a:hover{ text-decoration:none; color:#3ebff7;   }
.nav h3{ float:left; font-weight:normal; font-size:16px; height:99px; overflow:hidden; width:100%; text-align:center; }
.nav h3 a{ display:block; color:#666666;  line-height:99px; font-size:16px;}
.nav .on{}
.nav .on h3 a{color:#fff; background-color:#c30d23;}
.nav .sub{ display:none; width:100%;  padding:0;   position:fixed; top:102px; left:0; background:#fff; z-index:110; border-top:3px solid #ededed;}
.nav .sub dl{ text-align:right; float:right; width:800px;}
.nav #m4 .sub dl{ width:560px;}
.nav #m5 .sub dl{ width:440px;}
.nav .sub dd{ float:left;vertical-align:middle; list-style:none; text-decoration:none; margin-right:6%;}
.nav .sub dd a{ height:74px; line-height:74px; display:block; color:#37230a;font-size:16px;}
.nav .sub dd a:hover{ color:#c30d23;}
.nav #m1{ width:90px;}
.blank_h{ height:99px; overflow:hidden;}

.ui-header-positive {padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;color: black;border-bottom: 1px solid #e0e0e0;}
.ui_h{display: none;height: 45px;line-height: 45px;}
.ui-header {display: none;position: fixed;width: 100%;z-index: 100;left: 0;top: 0;height: 45px;line-height: 45px;}
.ui-btn-left_pre {position: absolute;top: 0px;left: 0px;background: url(../images/back.png) no-repeat center center;display: block;width: 50px;height: 44px;text-indent: -9999px;margin: 0;padding: 0;background-size: 24px auto;}
.ui-btn-right_home {position: absolute;top: 0px;right: 0px;background: url(../images/home.png) no-repeat center center;display: block;width: 50px;height: 44px;text-indent: -9999px;margin: 0;padding: 0;background-size: 24px auto;}

.mainmenu{display: none;margin: 8px 0px 0px 8px;overflow:hidden;}
.mainmenu:after { clear: both; content: " "; display: block; }
.mainmenu li{ float:left;width: 25%;border-radius:3px;}
.mainmenu li a{ display:block;color:#FFF;text-align:center;margin: 0px 4px 4px 0px; }
.mainmenu li a img{  margin:30px auto 0px;margin:25% auto 0px;width:30%;}
.mainmenu li a span{ display:block; line-height:30px; font-size:14px; }
.mainmenu .one{width: 75%;}
.mainmenu .one img {width: 100%;margin: 0px}
.mainmenu .one span {display: none;}
.mainmenu .two{background-color:#84d018;}
.mainmenu .five{background-color:#678ce1;}
.mainmenu .three {background-color:#8c67df}
.mainmenu .four {background-color:#DEAA0A}
.mainmenu .two {background-color:#14c760}
.mainmenu .six {background-color:#f3b613}
.mainmenu .seven {background-color:#ff8a4a}
.mainmenu .eight {background-color:#fc5366}


.foot_phone {display: none}
.foot_phone .company {line-height: 30px;text-align: center;font-size: 14px;color: #666;}
.nav4 {height:45px;}
.nav4 ul{position:fixed;bottom:0;left:0;z-index:999;width:100%;background:rgb(220, 220, 220);background:-webkit-gradient(linear,0 0,0 100%,from(#e7e4e7),to(#b9b9b9),color-stop(35% ,#ededed),color-stop(50%,#e3e3e3));}
.nav4 li{position:relative;float:left;width:24.6%;height:45px;border:1px solid #bebebe;border-right:0;border-bottom:0;-webkit-box-shadow:inset 0 0 3px #fff}
.nav4 li>a{display:block;box-sizing:border-box;border-bottom:0;text-align:center;font-size:15px;line-height:45px;-webkit-tap-highlight-color:transparent}
.nav4 li>a.on+dl{display:block}
.nav4 li>a span{display:inline-block;padding-left:5px;color:#4f4d4f;text-shadow:0 1px 0 #fff;-webkit-background-size:9px auto}
.nav4 dl{bottom:60px;z-index:220;display:none;margin-left:-50px;padding:0 8px;border-radius:5px;background:red;background:#e4e3e2;background:url(../images/2.svg#3) no-repeat center center;background-size:100%;-webkit-box-shadow:inset 0 0 3px #fff;-webkit-background-size:100%}
.nav4 dl{position:absolute;left:30%}
.nav4 dl:before{position:absolute;left:50%}
.nav4 dl:before{bottom:0;bottom:-7px;z-index:240;display:inline-block;margin-left:-5px;width:10px;height:8px;background:url(../images/1.svg#2) no-repeat center -55px;content:"";-webkit-background-size:10px auto}
.nav4 dl dd{background:-webkit-gradient(linear,0 0,100% 0,from(rgba(194,194,194,.8)),to(rgba(194,194,194,.8)),color-stop(50%,rgba(194,194,194,.8)));background-position:center bottom;background-size:80% 1px;background-repeat:no-repeat;text-align:center;line-height:32px}
.nav4 dl dd:last-of-type{background:0 0}
.nav4 dl dd a{display:block;overflow:hidden;color:#4f4d4f;text-overflow:ellipsis;text-shadow:0 1px 0 #fff;white-space:pre;font-size:15px}
.nav4 .masklayer_div{position:fixed;top:0;left:0;z-index:180;display:none;width:100%;height:100%;background:transparent}
.nav4 .masklayer_div.on{display:block}

.tongji{display: none}
.foot_set{ background-color:#000; overflow:hidden; }
.foot_con{ width:97%; margin:0 auto; max-width:1182px; overflow:hidden;}
.foot_con .foot_con_l{ float:left; overflow:hidden;}
.foot_con .foot_con_l .foot_con_a{ line-height:30px; font-size:14px; color:#c7c7c7; overflow:hidden; margin-bottom:4%; margin-top:60px;}
.foot_con .foot_con_l .foot_con_a a{ color:#c7c7c7;}
.foot_con .foot_con_l .foot_con_a a:Hover{ color:#c30d23;}
.foot_con .foot_con_l .foot_con_logo{margin-top:30px; display:block; clear:both;}
.foot_con .foot_con_r{ float:right;padding-top:30px;}
.foot_con .foot_con_r img{ width:110px; float:right; margin-bottom:30px; margin-left:12px;}
.foot_con .foot_con_r .foot_ul{ float:right;font-size:12px; color:#c7c7c7; line-height:30px; margin-bottom:20px; }
.foot_con .foot_con_r .foot_ul .foot_li{ display:block;text-align:right; overflow:hidden;height:26px; line-height:28px;}
.foot_con .foot_con_r .foot_ul .foot_li a{ color:#c7c7c7;}
.foot_con .foot_con_r .foot_ul .foot_li a:hover{ color:#c30d23;}
.foot_con .foot_con_r .foot_ul .foot_li p{float:right;}
.foot_con .foot_con_r .foot_ul .foot_li .tel{ float:right; padding-left:14px;color:#c7c7c7; background:url(../images/foot_pic1.png) left 4px no-repeat;  }
.foot_con .foot_con_r .foot_ul .foot_li .email{ float:right; padding-left:25px;color:#c7c7c7; background:url(../images/foot_pic2.png) left center no-repeat;  }
.gotop{ display:none;position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

@media screen and (max-width: 1370px) {
/*PC导航*/
.nav .m{ width:96px;}

}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1000px) {
.blank_h{ height:90px;}
.header-v1{ display:none;}
.foot_phone{ display:block;}
.ui_h{ display:block;}
.foot_pc{ display:none;}
.mainmenu{display: block}
.pcshow{display: none;}
.foot_con .foot_con_l .foot_con_a{margin-top: 20px;}
.foot_con .foot_con_l{ width:100%; text-align:center;}
.foot_con .foot_con_l img{ margin:0 auto;}
.foot_con .foot_con_r{ width:100%; text-align:center; padding-top:0;}
.foot_con .foot_con_r img{ float:none; margin:0 auto; margin-left:auto; margin-bottom:2%;}
.foot_con .foot_con_r .foot_ul{ float:none;}
.foot_con .foot_con_r .foot_ul .foot_li{ text-align:center;}
.foot_con .foot_con_r .foot_ul .foot_li p{ float:none;}
.foot_con .foot_con_r .foot_ul .foot_li .tel{ float:none; clear:both; display:inline-block;}
.foot_con .foot_con_r .foot_ul .foot_li .email{ float:none; clear:both; display:inline-block;}
}

@media screen and (max-width: 780px) {


}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 480px) {

}


